<template>
  <div class="top">
    <div class="top-header">
      <div class="fl m-t">
        <img class="c-img" src="../../assets/ganshiao-img/分类.png" />
      </div>
      <h3 class="fl m-t">绍兴市无废城市运行监测中心</h3>
      <h4 class="fl m-t">综合运行态势</h4>
      <div class="fl m-t">
        <span class="m-l">工业固废</span>
        <span class="m-l">危废检测</span>
        <span class="m-l sss">生活固废</span>
        <span class="m-l">建筑固废</span>
        <span class="m-l">农业固废</span>
      </div>

    </div>
  </div>
</template>
<script>
  export default {
    data() {
      return {

      }
    },
    components: {},
    mounted() {},
    methods: {}
  }
</script>
<style>
  .top {
    position: relative;
    width: 100%;
    height: 20.8%;
  }

  .top-header {
    position: absolute;
    left: 30%;
  }

  .m-t{
    margin-top: 10px;
    margin-left: 20px;
  }
  .m-l{
    margin-left: 5px;
    padding: 1px;
  }

  .sss{
    background-color: #D89864;
    border-bottom: 3px solid orangered;
  }


  .c-img {
    width: 20px;
    height: 20px;
  }
</style>
